<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : Throughout 
Description: A two-column, fixed-width design for 1024x768 screen resolutions.
Version    : 1.0
Released   : 20100423

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Throughout  by Free CSS Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript" src="/sand/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/sand/jquery/jquery.slidertron-0.1.js"></script>
<link href="/sand/style.css" rel="stylesheet" type="text/css" media="screen" />
<style type="text/css">
@import "/sand/slidertron.css";
</style>
</head>
<body>
<!-- end #header-wrapper -->
<div id="logo">
    <h1><a href="#">Throughout </a></h1>
    <p><em> template design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></em></p>
</div>
<div id="header">
    <div id="menu">
        <ul>
            <li><a href="<@ofbizUrl>index</@ofbizUrl>" class="first">Homepage</a></li>
            <li class="current_page_item"><a href="<@ofbizUrl>blog</@ofbizUrl>">Blog</a></li>
            <li><a href="<@ofbizUrl>portfolio</@ofbizUrl>">Portfolio</a></li>
            <li><a href="<@ofbizUrl>about</@ofbizUrl>">About</a></li>
            <li><a href="<@ofbizUrl>contact</@ofbizUrl>">Contact</a></li>
        </ul>
    </div>
    <!-- end #menu -->
    <div id="search">
        <form method="get" action="">
            <fieldset>
                <input type="text" name="s" id="search-text" size="15" />
            </fieldset>
        </form>
    </div>
    <!-- end #search -->
</div>
<!-- end #header -->
<hr />
<!-- end #logo -->
<div id="slideshow">
    <!-- start -->
    <div id="foobar">
        <div id="col1"><a href="#" class="previous">&nbsp;</a></div>
        <div id="col2">
            <div class="viewer">
                <div class="reel">
                    <div class="slide"><img src="/sand/images/img04.jpg" width="726" height="335" alt="" /> <span>Lorem Ipsum Dolor Sit Amet.</span> </div>
                    <div class="slide"><img src="/sand/images/img07.jpg" width="726" height="335" alt="" /> <span>Mauris vitae nisl nec metus placerat consectetuer.</span> </div>
                    <div class="slide"><img src="/sand/images/img08.jpg" width="726" height="335" alt="" /> <span>Nam bibendum dadn nulla tortor elementum ipsum</span> </div>
                </div>
            </div>
        </div>
        <div id="col3"><a href="#" class="next">&nbsp;</a></div>
    </div>
    <script type="text/javascript">

                        $('#foobar').slidertron({
                            viewerSelector:         '.viewer',
                            reelSelector:           '.viewer .reel',
                            slidesSelector:         '.viewer .reel .slide',
                            navPreviousSelector:    '.previous',
                            navNextSelector:        '.next',
                            navFirstSelector:       '.first',
                            navLastSelector:        '.last'
                        });
                        
                    </script>
    <!-- end -->
</div>